<template>
  <div class="tools-bar">
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  methods: {}
};
</script>
<style lang="scss" scoped>
  @import '@/assets/styles/variables.scss';
.tools-bar {
  position: fixed;
  bottom: 0px;
  width: calc(100% - #{$sideBarWidth} - #{$fixedSiderBarWidth});
  right: 0px;
}
.hideSidebar .tools-bar {
  width: calc(100%  - #{$fixedSiderBarWidth});
}
</style>
